<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <script src="../jquery/jquery-3.2.1.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../css/bootstrap.css">
</head>

<body>
<div class="container">



        <div class="form-horizontal">
            <div class="form-group ">
                <label class=" control-label col-lg-1">用户名</label>
                <div class="col-lg-3">
                    <input type="text" placeholder="请输入用户名" class="form-control">
                </div>
            </div>

            <div class="form-group">
                <label class=" control-label col-lg-1 ">密码</label>
                <div class="col-lg-3">
                    <input type="password" placeholder="请输入密码" class="form-control">
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-lg-1">select</label>
                <div class="col-lg-3">
                    <select class="form-control">
                        <option>JavaScript</option>
                        <option>Html</option>
                        <option>Css</option>
                    </select>
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-lg-1">textArea</label>
                <div class="col-lg-3">
                    <textarea class="form-control" rows="3"></textarea>
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-lg-1">性别</label>
                <div class="col-lg-3">
                    <label class="radio-inline">
                        <input type="radio" name="sex" >男
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="sex">女
                    </label>
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-lg-1">技能</label>
                <div class="col-lg-3">

                    <label class="checkbox-inline">
                        <input type="checkbox">HTML
                    </label>
                    <label class="checkbox-inline">
                        <input type="checkbox">CSS
                    </label>
                    <label class="checkbox-inline">
                        <input type="checkbox">JavaScript
                    </label>
                </div>
            </div>

        </div>


</div>
</body>
</html>